<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body{
            font-size: 14px;
            box-sizing: border-box;
            padding: 2px;

            /* 整个滚动条 */
            ::-webkit-scrollbar {
                width: 4px; /* 垂直滚动条的宽度 */
                height: 4px; /* 水平滚动条的高度 */
            }

            /* 滚动条的轨道 */
            ::-webkit-scrollbar-track {
                background: #f1f1f1; /* 轨道颜色 */
            }

            /* 滚动条的滑块 */
            ::-webkit-scrollbar-thumb {
                background: #888; /* 滑块颜色 */
                border-radius: 2px; /* 滑块圆角 */
            }

            /* 滚动条的滑块 - 鼠标悬停效果 */
            ::-webkit-scrollbar-thumb:hover {
                background: #555; /* 滑块悬停颜色 */
            }

        }
        .btn{
            border: none;
            cursor: 2px;
            background-color: #09f;
            color: #fff;
            padding: 2px 6px;
            font-size: 12px;
            cursor: pointer;
        }
        .btn:hover{
            background-color: #3bb1ff;
        }






    </style>
</head>
<body>
    <div id="root">


    </div>


</body>
</html>